<template>
  <view class="pay-result">
    <image src="https://fine-yahe.oss-cn-shanghai.aliyuncs.com/app/empty/success.png" mode="aspectFill" class="result-img"></image>
    <h2>支付成功</h2>
    <!-- <view class="result-p">其它文字说明内容其它文字说明内容其它文字说明内容其它文字说明内容</view> -->
    <view class="button order" @click="handleOrder()">查看订单</view>
    <view class="button" @click="handleToHome()">完成</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    },
    methods:{
      handleOrder(){  /// 查看订单
        uni.redirectTo({
          url:'/minePackage/order-list'
        })
      },
      handleToHome(){    //  返回首页
        uni.reLaunch({
          url:'/pages/index/index'
        })
      }
    }
  }
</script>

<style lang="less" scoped>
.pay-result{
  padding: 150rpx 60rpx 0;
  text-align: center;
  .result-img{
    width: 174rpx;
    height: 174rpx;
  }
  h2{
    font-size: 32rpx;
    color: var(--title-color);
    margin: 78rpx 0 40rpx;
    font-weight: bold;
  }
  .result-p{
    font-size: 28rpx;
    color: var(--sub-title);
    margin-bottom: 80rpx;
  }
  .button{
    line-height: 80rpx;
    color: var(--title-color);
    margin-bottom: 32rpx;
    border-radius: 80rpx;
    font-size: 28rpx;
    border: 2rpx solid var(--border-color);
    &.order{
      color: #fff;
      border:0;
      background: linear-gradient( 90deg, #29D8C6 0%, #10BEAF 100%);
    }
  }
}
</style>
